<!DOCTYPE html>
<html>
<head>
    <title>打印</title>
    <meta charset="utf-8">
    <!-- 打印的样式-->
    <style media="print">
        @page {

        }
    </style>
    <script src="/jquery-3.6.0.min.js"></script>
    <script src="/dist_JsBarcode.all.min.js"></script>
    <link rel="stylesheet" href="042210010592_files/style.css">
    <link rel="stylesheet" href="css/style.css">
    <script src="./echarts.js"></script>
</head>

<body>
<div class="main">
    <div class="header">
        <div class="headerL">
            <img src="images/u7.png">
            <div class="name">
                <p class="name1">
                    山东大学附属儿童医院
                </p>
                <p class="des">
                    Childern’s  Hospital Affiliated to Shandong Universitry
                </p>
            </div>
        </div>
        <div class="headerR">
            <span>2022 年 4 月 19 日</span>
            <span>
                    22 : 14
                </span>

        </div>
    </div>
    <div class="con">
            <div style="width: 1204px;margin-left: 150px;">
<!--startprint-->
<div class="stl_02">
    <div class="view">
        <div class="stl_05 stl_06">
            <img src="etyylogo.png">
            <div id="charts" style="width: 100%;height: 200px"></div>
            <div class="stl_01" style="top:1.5453em; left:13.12em;"><span class="stl_07 stl_08 stl_09" style="font-weight:bold;"></span></div>
            <div class="stl_01" style="top:1.5453em; left:14.4505em;"><span class="stl_07 stl_08 stl_10" style="font-weight:bold; word-spacing:0.248em;">山东大学附属儿童医院 济南市儿童医院 &nbsp;</span></div>
            <div class="stl_01" style="top:3.513em; left:19.9em;"><span class="stl_11 stl_08 stl_09" style="font-weight:bold; word-spacing:-0.002em;">检验报告单 &nbsp;</span></div>
            <div class="stl_01" style="top:4.4052em; left:40.57em;"><span class="stl_12 stl_08 stl_19" style="font-weight:bold;word-spacing:-0.006em;">质评合格 全省参考 &nbsp;</span></div>
            <div class="stl_01" style="top:6.9449em; left:1.9002em;"><span class="stl_14 stl_08 stl_15" style="word-spacing:0.5127em;">姓名:</span><span class="stl_16 stl_17 stl_18" style="word-spacing:0.4251em;">潘成刚 </span></div>
            <div class="stl_01" style="top:6.9449em; left:10.8999em;"><span class="stl_14 stl_08 stl_19" style="word-spacing:0.0588em;">性别: </span><span class="stl_16 stl_17 stl_20" style="word-spacing:0.0487em;">男 &nbsp;</span></div>
            <div class="stl_01" style="top:6.9449em; left:16.8998em;"><span class="stl_14 stl_08 stl_21">年龄:</span><span class="stl_16 stl_17 stl_22">7</span></div>
            <div class="stl_01" style="top:6.9449em; left:22.8996em;"><span class="stl_14 stl_08 stl_23">标本类型: &nbsp;</span><span class="stl_16 stl_17 stl_20" style="word-spacing:0.0487em;">咽拭子&nbsp;</span></div>
            <div class="stl_01" style="top:6.9449em; left:31.8994em;"><span class="stl_14 stl_08 stl_24">身份证号：</span><span class="stl_16 stl_17 stl_25">370983198911135623 &nbsp;</span></div>
            <div class="stl_01" style="top:8.7449em; left:1.9002em;border-bottom: #000000 3px solid;width: 45em;height: 15px;"></div>
            <div class="stl_01" style="top:8.9449em; left:1.8993em;"><span class="stl_14 stl_08 stl_09">序</span></div>
            <div class="stl_01" style="top:8.9449em; left:7.8992em;"><span class="stl_14 stl_08 stl_27">代号 &nbsp;</span></div>
            <div class="stl_01" style="top:8.9449em; left:13.899em;"><span class="stl_14 stl_08 stl_13">项目名称 &nbsp;</span></div>
            <div class="stl_01" style="top:8.9449em; left:25.8987em;"><span class="stl_14 stl_08 stl_27"> 结果&nbsp;</span></div>
            <div class="stl_01" style="top:8.9449em; left:31.8986em;"><span class="stl_14 stl_08 stl_13"> 参考范围&nbsp;</span></div>
            <div class="stl_01" style="top:8.9449em; left:40.8984em;"><span class="stl_14 stl_08 stl_27">单位 &nbsp;</span></div>
            <div class="stl_01" style="top:10.7449em; left:1.9002em;border-bottom: #000000 3px solid;width: 45em;height: 15px;"></div>

            <div class="stl_01" style="top:10.9448em; left:1.8985em;"><span class="stl_26 stl_08 stl_09">1</span></div>
            <div class="stl_01" style="top:10.9448em; left:7.8983em;"><span class="stl_26 stl_08 stl_28">2019-022e &nbsp;</span></div>
            <div class="stl_01" style="top:10.9448em; left:13.2517em;"><span class="stl_16 stl_17 stl_09" style="word-spacing:0.5em;">新型冠状毒核酸检测 &nbsp;</span></div>
            <div class="stl_01" style="top:10.9448em; left:25.8358em;"><span class="stl_16 stl_17 stl_09">阴性 &nbsp;</span></div>
            <div class="stl_01" style="top:10.9448em; left:31.8978em;"><span class="stl_26 stl_08 stl_27">阴性&nbsp;</span></div>

            <div class="stl_01" style="top:12.9448em; left:1.8985em;"><span class="stl_26 stl_08 stl_09">2</span></div>
            <div class="stl_01" style="top:12.9448em; left:7.8983em;"><span class="stl_26 stl_08 stl_28">2019-01e &nbsp;</span></div>
            <div class="stl_01" style="top:12.9448em; left:13.2517em;"><span class="stl_16 stl_17 stl_09" style="word-spacing:0.5em;">新型冠状毒核酸检测 &nbsp;</span></div>
            <div class="stl_01" style="top:12.9448em; left:25.8358em;"><span class="stl_16 stl_17 stl_09">阴性 &nbsp;</span></div>
            <div class="stl_01" style="top:12.9448em; left:31.8978em;"><span class="stl_26 stl_08 stl_27">阴性&nbsp;</span></div>

            <div class="stl_01" style="top:29.5449em; left:1.9002em;border-bottom: #000000 3px solid;width: 45em;height: 15px;"></div>
            <div class="stl_01" style="top:29.9452em; left:1.8977em;"><span class="stl_26 stl_08 stl_29" style="word-spacing:0.3692em;">接收时间：</span><span class="stl_16 stl_17 stl_30" style="word-spacing:0.3062em;">2022-04-21 12:00:00 &nbsp;</span></div>
            <div class="stl_01" style="top:29.9453em; left:16.5052em;"><span class="stl_26 stl_08 stl_31" style="word-spacing:0.3529em;">报告时间：</span><span class="stl_16 stl_17 stl_32" style="word-spacing:0.2926em;">2022-04-21 12:00:00 &nbsp;</span></div>
            <div class="stl_01" style="top:31.9452em; left:1.9003em;"><span class="stl_26 stl_08 stl_33" style="word-spacing:0.0082em;">本检测报告可能受到采样时间、采样部位及方法学局限性等因素的影响，结果需结合临床进行分析。本报告仅对本次检测标本负责。 &nbsp;</span></div>
            <div class="stl_01" style="top:32.9452em; left:1.9011em;"><span class="stl_26 stl_08 stl_13">&nbsp;</span></div>

        </div>
    </div>
</div>
<!--endprint-->
            </div>
        <div style="margin-top: 50px;text-align: center;">
            <div style="width: 150px;margin-left: 45%;">
             <p class="baogaobtn"  onclick='print_page()'>打印</p>
            </div>
        </div>
    </div>
    <div class="footer">
        <img src="images/u29.svg">
        400 8000 000
    </div>
    </div>


</body>

<script type="text/javascript">
    var echartsWarp= document.getElementById('charts');
    var resizeWorldMapContainer = function () {//用于使chart自适应高度和宽度,通过窗体高宽计算容器高宽
        echartsWarp.style.width = '200px';
        echartsWarp.style.height = '200px';
    };
    const myChart = echarts.init(echartsWarp)
    $(function(){
        const data = {
            dates: ['3.12', '3.13', '3.14', '3.15', '3.16', '3.17', '3.18', '3.19', '3.20', '3.21', '3.22', '3.23'],
            notOrders: [1500, 1800, 2100, 3800, 1200, 4000, 5700, 1800, 1220, 2800, 7100, 1120],
            orders: [6000, 7000, 2000, 1000, 1200, 1500, 2000, 1800, 9000, 6200, 1500, 1000],
            allOrders: [7500, 7800, 4100, 4800, 2400, 5500, 7700, 3600, 11220, 8800, 8600, 2120]
        }

        const option = {
            grid: {
                top: '7%',
                left: '5%',
                right: '2%',
                bottom: '10%'
            },
            tooltip: {
                trigger: 'axis',
                axisPointer: {
                    type: 'line',
                    lineStyle: {
                        color: '#3399FF',
                        type: 'solid'
                    }
                },
                backgroundColor: 'rgba(66, 161, 255, 0.9)',
                borderWidth: 0,
                textStyle: {
                    color: '#ffffff'
                }
            },
            xAxis: {
                data: data.dates
            },
            yAxis: {
                type: 'value',
                min: 0
            },
            series: [
                {
                    name: '学生数',
                    type: 'line',
                    showSymbol: false,
                    smooth: true,
                    areaStyle: {
                        origin: 'auto',
                        opacity: 0.1
                    },
                    itemStyle: {
                        color: '#42A1FF'
                    },
                    data: data.notOrders
                },
                {
                    name: '已检',
                    type: 'bar',
                    data: data.orders,
                    barWidth:'30px',
                    itemStyle: {
                        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                            { offset: 0, color: '#3399FF' },
                            { offset: 1, color: '#73C5FF' }
                        ]),
                        borderRadius: [150, 150, 0, 0]
                    },

                },
                {
                    name: '未检',
                    type: 'bar',
                    data: data.allOrders,
                    barWidth:'30px',
                    itemStyle: {
                        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                            { offset: 0, color: '#68cfff' },
                            { offset: 1, color: '#52ffc3' }
                        ]),
                        borderRadius: [150, 150, 0, 0]
                    },

                },
                {
                    name: '漏项',
                    type: 'bar',
                    data: data.notOrders,
                    barWidth:'30px',
                    itemStyle: {
                        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                            { offset: 0, color: '#446cff' },
                            { offset: 1, color: '#7671ff' }
                        ]),
                        borderRadius: [150, 150, 0, 0]
                    },

                },
            ]
        }
        myChart.setOption(option)

    })
    function print_page() {

        const src = (myChart).getDataURL({
            pixelRatio: 2,
            backgroundColor: '#fff',
        });
        $("#charts").html("<img src='"+src+"' style='height: 200px;'>");
        setTimeout("print_pages()",10);
    }
    function print_pages() {
        if (!!window.ActiveXObject || "ActiveXObject" in window) { //是否ie
            remove_ie_header_and_footer();
        }
        bdhtml = window.document.body.innerHTML;
        var oldstr = document.body.innerHTML;

        sprnstr = "<!--startprint-->";
        eprnstr = "<!--endprint-->";
        prnhtml = bdhtml.substr(bdhtml.indexOf(sprnstr) + 17);
        prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr));
        window.document.body.innerHTML = prnhtml;
        console.log(prnhtml);
        window.print();
        document.body.innerHTML = oldstr;
    }

    function remove_ie_header_and_footer() {
        var hkey_path;
        hkey_path = "HKEY_CURRENT_USER\\Software\\Microsoft\\Internet Explorer\\PageSetup\\";
        try {
            var RegWsh = new ActiveXObject("WScript.Shell");
            RegWsh.RegWrite(hkey_path + "header", "");
            RegWsh.RegWrite(hkey_path + "footer", "");
        } catch (e) {
        }
    }

   /* print_page()*/
</script>
</html>
